.meter-search {
  padding-top: 110rpx;
  padding-bottom: 40rpx;

  .search-tab {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    height: 90rpx;
    width: 100%;
    margin-bottom: 30rpx;
    background-color: #fff;

    .tab-item {
      position: relative;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      font-size: 28rpx;
      font-weight: bold;
      color: var(--main-text);

      &.active {
        color: var(--color-priamry);

        &::before {
          position: absolute;
          left: 50%;
          bottom: 4rpx;
          transform: translateX(-50%);
          content: '';
          width: 50rpx;
          height: 4rpx;
          background-color: var(--color-priamry);
        }
      }
    }
  }

  .data-list {
    width: 100%;
    padding: 0 20rpx;

    .data-item {
      margin-bottom: 20rpx;
      border-radius: 10px;
      padding: 0 30rpx 30rpx;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      background-color: #fff;

      .item-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80rpx;
        font-size: 28rpx;
        border-bottom: 2rpx solid var(--border-color);

        .date {
          color: var(--secondary-text);
        }

        .title-txt {
          flex: 1;
          font-size: 28rpx;
          color: var(--main-text);
          font-weight: bold;
        }
      }
      .item-info {
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 60rpx;
				padding: 0 20rpx;

				.info-name {
					flex: 1;
					font-size: 28rpx;
					color: var(--main-text);
				}

				.info-value {
					font-size: 28rpx;
					color: var(--main-text);
          font-weight: bold;
					.unit {
						font-weight: normal;
						font-size: 28rpx;
						margin-left: 10rpx;
					}
				}
      }
      .oper-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 60rpx;
        font-size: 28rpx;
        font-weight: bold;
        color: #fff;
        background-color: var(--color-priamry);
        border-radius: 30rpx;
      }
    }
  }

  .divider-wrap {
    width: 60%;
    margin: 0 auto;
  }
}